<template>
	<view class="shop">
		<view class="shop-item" v-for="(item,index) in dataList" :key='index'>
			<image class="shopbig-img" :src="item.bigUrl" mode=""></image>
			<scroll-view scroll-x="true" class="scroll-content">
				<view class="scroll-item">
					<Commodity 
						:dataList='item.data' 
						wrap="no-wrap"
						itemW="200rpx"
						imgHeight="200rpx"
					></Commodity>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script> 
import Commodity from '../common/Commodity.vue'
export default {
	props:{
		dataList:Array
	},
	components:{
		Commodity,
	}
}
</script>
<style scoped>
.shopbig-img {
	width: 100%;
	height: 350rpx;
}
.scroll-content {
	width: 100%;
	/* 不换行 */
	white-space: nowrap;
}
.scroll-item {
	display: inline-block;
}
</style>